var layer = null;
var form = null;
layui.use(['table', 'layer'], function () {
    table = layui.table;
    $ = layui.$;
    layer = layui.layer;
    table.render({
        elem: '#role-manager'
        , title: '用户表'
        , url: ctx + 'sys/role/list'
        , page: true
        // ,parseData: function(res){ //res 即为原始返回的数据
        //     return {
        //         "code": res.code, //解析接口状态
        //         "msg": res.msg, //解析提示文本
        //         "count": res.page.totalCount, //解析数据长度
        //         "data": res.page.list //解析数据列表
        //     };
        // }
        , cols: [[
            {type: 'checkbox', fixed: 'left'}
            , {field: 'roleId', title: '角色ID', fixed: 'left', sort: true, width: 90}
            , {field: 'roleName', title: '角色名', width: 120}
            , {field: 'remark', title: '备注', width: 320}
            , {field: 'createTime', title: '创建时间'}
            , {fixed: 'right', title: '操作', toolbar: '#toolbar', width: 200}
        ]]
        , cellMinWidth: 120
    });
    table.on('tool(role-manager)', function (obj) {
        switch(obj.event){
            case 'edit':
                layer.open({
                    title: false,
                    type: 2,
                    area: ['650px', '460px'],
                    content: ctx + 'sys/role-edit.html?roleId=' + obj.data.roleId ,
                    end: function () {
                        location.reload();
                    }
                })
                break;
            case 'del':
                layer.open({
                    content: '删除后不可恢复，且与该角色关联的用户权限将失效，是否确认删除'
                    ,btn: ['删除', '取消']
                    ,yes: function(index, layero){
                        axios.post(ctx + 'sys/role/delete', [obj.data.roleId]).then(function (res) {
                            if (res.data.code == 0) {
                                layer.msg('删除成功');
                                var index = parent.layer.getFrameIndex(window.name);
                                parent.layer.close(index);
                                location.reload();
                            } else {
                                parent.layer.msg(res.data.msg);
                            }

                        })
                    }
                    ,btn2: function(index, layero){

                    }
                    ,cancel: function(){
                        //右上角关闭回调
                    }
                });
        }
    });
    $('#add-role').click(function () {
        layer.open({
            title: false,
            type: 2,
            area: ['650px', '460px'],
            content: ctx + 'sys/role-add.html',
            end: function () {
                location.reload();
            }
        })
    });

    $('#query-role').click(function () {
        layer.msg('暂未实现');
    })
});

